@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
}
p {
    padding: 10px;
}
a, a:hover, a:hover,a:active {
    color: #000;
    text-decoration: none;
 }
 a.rollovertable {
    color: #000;
    text-decoration: underline;
 } 
a:active {
    color: #000;
    text-decoration: underline;
 }
a:hover {
    color: #000;
    text-decoration: underline;
 }
#wrapper {
    margin: 0 auto;
    width: 99%;
}

#headerwrap {
    width: 99%;
    float: left;
    margin: 0 auto;
}

#header {
    height: 200px;
	background: #ffffff url("../images/logo.jpg") no-repeat;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}
#topwrap {
    width: 99%;
    float: left;
    margin: 0 auto;
}
/*    TOP    */
#top {
    height: 50px;
	background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}
#top_home {
    height: 50px;
	background-color:#7da315;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #99bf31;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_components {
    height: 50px;
	background-color:#1e8bb4;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #44a8d0;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#components {
    height: 10px;
	background-color:#1e8bb4;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #44a8d0;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_computers {
    height: 50px;
	background-color:#262b7b;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #d28344;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_software {
    height: 50px;
	background-color:#d0a525;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #d8b54b;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#software {
    height: 10px;
	background-color:#d0a525;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #d8b54b;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_cards{
    height: 50px;
	background-color:#948ead;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #d28344;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_budget {
    height: 50px;
	background-color:#af1e83;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #ffffff;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_suppliers {
    height: 50px;
	background-color:#dc3643;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #ffffff;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
#top_documents {
    height: 50px;
	background-color:#b1a879;
	color:#FFFFFF;
	text-shadow:1px 1px 0 #ffffff;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	font-size: 48px;
}
/*    TOP END    */

/*    CONTENT    */
#contentwrap {
    width: 80%;
    float: left;
    margin: 0 auto;
}

#content {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}
/*checkboxws style*/
.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
.regular-checkbox:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}
/*    checkboxes end    */

/*colors of status datacards*/
.pilots_cards_used{
background: #6AA63B;
}
.pilots_cards_not_used{
background: #df9027;
}
.pilots_cards_broken{
background: #D52100;
}
/*colors of status components*/
.component_inuse{
background: #6AA63B;
}
.component_notuse{
background: #df9027;
}
.component_inservice{
background: #D52100;
}
.component_scrap{
background: #D52100;
}
.component_lend{
background: #D52100;
}
.component_lost{
background: #1e8bb4;
}
/*table style*/
* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
           display:none;
           background:transparent url(images/tooltip/black_arrow.png);
           font-size:12px;
           height:70px;
           width:160px;
           padding:25px;
          color:#fff;
}
#rollovertable {
	background-color: #f2f2f2;
    width: 100%;
	color: #fff;
}
#table {
	border: 1px solid #ebebeb;
	background-color: #f2f2f2;
    width: 20%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table thead tr {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #ebebeb;
}
#table td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#table  tr:hover {
	background-color: #fff;
}


#table-2 {
	border: 1px solid #ebebeb;
	background-color: #f2f2f2;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #333;
}
#table-2 thead tr {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #ebebeb;
}
#table-2 th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
#table-2 th.month {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
	background-color: #af1e83;
}
#table-2 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#table-2  tr:hover {
	background-color: #fff;
}
/*end table-2 style*/

#table-3, .table-3 {
	border: 1px solid #ebebeb;
	/*border: 1px solid #3e3e3e;*/
	background-color: #f2f2f2;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-3 td, #table-3 th {
	padding: 5px;
	color: #333;
	border: 1px solid #C8C8C8;
}
#table-3 thead tr {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #ebebeb;
}
#table-3 th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
#table-3 th.month {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
	background-color: #af1e83;
}
#table-3 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #C8C8C8;
	border-top: 1px solid #C8C8C8;
}
#table-3  tr:hover {
	background-color: #fff;
}
/*end table-2 style*/

/* Computers popup info */
.tooltip {
			border-bottom: 0px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
			font-size: 8pt;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			font-size: 12pt;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #262b7b; border: 1px solid #ebebeb; color:#FFFFFF;text-shadow:1px 1px 0 #d28344;border-radius: 10px;border: 1px solid #ebebeb;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


		
#leftcolumnwrap {
    width: 5%;
    float: left;
    margin: 0 auto;
}

#leftcolumn {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}

#rightcolumnwrap {
    width: 14%;
    float: left;
    margin: 0 auto;
}

#rightcolumn {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}
#rightcolumn li{
	list-style:none;
	height:5px;
	padding:5px;
}
#rightcolumn ul{
	list-style:none;
	padding:4px;
}
#footerwrap {
    width: 99%;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer {
    height: 40px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}

/*Formularze, inputy */
/*input[type="text"]
{
width:90px;
margin-bottom:0px;
background-color:none;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
}
	*/	
form{
    width:100%;
	margin: 0 auto;
}
.search {
    padding:6px 15px 6px 30px;
    margin:3px;
    background: url('http://vpx.pl/i/G0oUb.png') no-repeat 8px 6px;}
.rounded {
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}
input[type=text]{
background: url('http://vpx.pl/i/G0oUb.png') no-repeat 8px 6px;
width:150px;
}
input[type=text], input[type=text]:hover {
    position:relative;
    left:-6px;
    border:1px solid #93ac1c;
    background: #bed263; /* Stare przegl�darki */
    background: -moz-linear-gradient(top, #bed263 0%, #aecb21 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bed263), color-stop(100%,#aecb21)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bed263 0%,#aecb21 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bed263 0%,#aecb21 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bed263 0%,#aecb21 100%); /* IE10+ */
    background: linear-gradient(top, #bed263 0%,#aecb21 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed263', endColorstr='#aecb21',GradientType=0 ); /* IE6-9 */
    color:#000000;
    cursor: pointer;
}
input[type=button], input[type=button]:hover {
    position:relative;
    left:-6px;
    border:1px solid #adc5cf;
    background: #e4f1f9; /* Stare przegl�darki */
    background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
    background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
    color:#7da2aa;
    cursor: pointer;
}
.jasna, .szara, .ciemna {
    width:95%;
    height:50px;
    padding:40px 25px;
}
.jasna{
    background: #f9f9f9;
}
.jasna input[type=text]{
    border:1px solid #d0d0d0;
    background-color:#fcfcfc;
}
.jasna{
    background: #f9f9f9;
}
.jasna input[type=text]{
    border:1px solid #d0d0d0;
    background-color:#fcfcfc;
}
.ciemna{
    background: #404348;
}
.ciemna input[type=text]{
    border:1px solid #2a2e31;
    background-color:#2d3035;
    color:#505358;
}	
	
	
	